<!DOCTYPE html>
<html>

<head>
    <title>TagCanvas example</title>
    <!--[if lt IE 9]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
    <script src="tagcanvas.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    window.onload = function() {
        try {
            TagCanvas.Start('myCanvas', 'tags', {
                textColour: '#070002',
                outlineColour: '#000',
                depth: 0.8,
                maxSpeed: 0.05,
                noSelect:true,
                activeCursor:'default',
                // dragControl:true,
                shape: 'vcylinder',
                zoom:0.9,
                zoomMax:1.1,
                zoomMin:0.9
                // lock: "y"

            });

            // var locks = { hcylinder: 'x', vcylinder: 'y', hring: 'x', vring: 'y', sphere: '' };
            // lock = locks['vcylinder'] || '';
            // TagCanvas.initial = (lock == 'x' && [0, 0.2]) || (lock == 'y' && [0.2, 0]) || [0.2, 0.2];
            // restart();

        } catch (e) {
            // something went wrong, hide the canvas container
            document.getElementById('myCanvasContainer').style.display = 'none';
        }
    };
    </script>
</head>

<body>
    <h1>TagCanvas example page</h1>
    <div id="myCanvasContainer">
        <canvas width="300" height="300" id="myCanvas">
            <p>Anything in here will be replaced on browsers that support the canvas element</p>
        </canvas>
    </div>
    <div id="tags">
        <ul>
            <li><a href="javascript:;">ddd</a></li>
            <li><a href="javascript:;">Fish</a></li>
            <li><a href="javascript:;">Chips</a></li>
            <li><a href="javascript:;">Salt</a></li>
            <li><a href="javascript:;">Vinegar</a></li>
            <li><a href="javascript:;">ddd</a></li>
            <li><a href="javascript:;">Fish</a></li>
            <li><a href="javascript:;">Chips</a></li>
            <li><a href="javascript:;">Salt</a></li>
            <li><a href="javascript:;">Vinegar</a></li>
            <li><a href="javascript:;">ddd</a></li>
            <li><a href="javascript:;">Fish</a></li>
            <li><a href="javascript:;">Chips</a></li>
            <li><a href="javascript:;">Salt</a></li>
            <li><a href="javascript:;">Vinegar</a></li>
        </ul>
    </div>
</body>

</html>